<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    <th:block th:include="common.html :: source"></th:block>-->
    <script type="text/javascript" src="/js/productDetail.js"></script>

    <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/style.css"/>

    <link rel="shortcut icon" href="../resource/favicon.icon" th:href="@{/static/favicon.ico}"/>
</head>
<body>

<!--<th:block th:include="common.html :: header"></th:block>-->
<!-- top -->
<div class="soubg">
    <div class="sou">
    	<span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span id="s_city_title">四川</span>
                <div class="s_city_bg">
                  <div class="s_city_t"></div>
                  <div class="s_city_c">
                    <h2>请选择所在的收货地区</h2>
                    <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0"
                           cellpadding="0">
                      <tr>
                        <th>A</th>
                        <td class="c_h"><span>安徽</span><span>澳门</span></td>
                      </tr>
                      <tr>
                        <th>B</th>
                        <td class="c_h"><span>北京</span></td>
                      </tr>
                      <tr>
                        <th>C</th>
                        <td class="c_h"><span>重庆</span></td>
                      </tr>
                      <tr>
                        <th>F</th>
                        <td class="c_h"><span>福建</span></td>
                      </tr>
                      <tr>
                        <th>G</th>
                        <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                      </tr>
                      <tr>
                        <th>H</th>
                        <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                      </tr>
                      <tr>
                        <th>J</th>
                        <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                      </tr>
                      <tr>
                        <th>L</th>
                        <td class="c_h"><span>辽宁</span></td>
                      </tr>
                      <tr>
                        <th>N</th>
                        <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                      </tr>
                      <tr>
                        <th>Q</th>
                        <td class="c_h"><span>青海</span></td>
                      </tr>
                      <tr>
                        <th>S</th>
                        <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span
                                class="c_check">四川</span><span>陕西</span></td>
                      </tr>
                      <tr>
                        <th>T</th>
                        <td class="c_h"><span>台湾</span><span>天津</span></td>
                      </tr>
                      <tr>
                        <th>X</th>
                        <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                      </tr>
                      <tr>
                        <th>Y</th>
                        <td class="c_h"><span>云南</span></td>
                      </tr>
                      <tr>
                        <th>Z</th>
                        <td class="c_h"><span>浙江</span></td>
                      </tr>
                    </table>
                  </div>
                </div>
            </span>
        </span>
        <span class="fr">

<!--&lt;!&ndash;            <span class="fl" th:if="${session.user == null}">你好，请<a href="/login.html" style="color:#ff4e00;">登录</a>&nbsp;<a href="/register" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>&ndash;&gt;-->

                <span class="fl" th:if="${session.user == null}">你好，请<a href="/login" style="color:#ff4e00;">登录</a>&nbsp;<a
                        href="/register" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>
                <span class="fl" th:if="${session.user != null}"><a href="/user/userInfo">欢迎回来，<span
                        th:text="${session.user.userName}"></span></a>&nbsp;|&nbsp;<a href="/user/orderList">我的订单</a>&nbsp;</span>
                <span class="fl" th:if="${session.user != null}">|&nbsp;<a href="/user/logout">注销</a></span>

        </span>
    </div>
</div>

<!--<th:block th:include="common.html :: category"></th:block>-->
<div class="menu_bg">
    <div class="menu">
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav">
                <ul>
                    <!--                    &lt;!&ndash;                        <li th:each="levelOne:${list}">&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                            <div class="fj">&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                <span class="n_img"></span> <span class="fl" th:text="${levelOne.name}"></span>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                            </div>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                            <div class="zj">&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                <div class="zj_l">&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                    <div class="zj_l_c" th:each="levelTwo:${levelOne.children}">&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                        <h2>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                            <a th:href="'/product/list/two/'+${levelTwo.id}" th:text="${levelTwo.name}"></a>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                        </h2>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                        <a th:href="'/product/list/three/'+${levelThree.id}" th:each="levelThree:${levelTwo.children}" th:text="${levelThree.name}"></a>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                    </div>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                                </div>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                            </div>&ndash;&gt;-->
                    <!--                    &lt;!&ndash;                        </li>&ndash;&gt;-->

                    <li th:each="levelOne:${list}">
                        <div class="fj">
                            <span class="n_img"></span> <span class="fl" th:text="${levelOne.name}"></span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c" th:each="levelTwo:${levelOne.children}">
                                    <h2>
                                        <a th:href="'/product/list/2/'+${levelTwo.id}" th:text="${levelTwo.name}"></a>
                                    </h2>
                                    <a th:each="levelThree:${levelTwo.children}"
                                       th:href="'/product/list/3/'+${levelThree.id}" th:text="${levelThree.name}"></a>
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <ul class="menu_r">
            <li><a href="/productCategory/main">首页</a></li>
            <!--                <li th:each="productCategory:${list}">-->
            <!--                    <a th:href="'/product/list/one/'+${productCategory.id}" th:text="${productCategory.name}"></a>-->
            <!--                </li>-->

            <li th:each="levelOne:${list}">
                <a th:href="'/product/list/1/'+${levelOne.id}" th:text="${levelOne.name}"></a>
            </li>

        </ul>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        //商品类目
        $(".leftNav ul li").hover(
            function () {
                $(this).find(".fj").addClass("nuw");
                $(this).find(".zj").show();
            }
            ,
            function () {
                $(this).find(".fj").removeClass("nuw");
                $(this).find(".zj").hide();
            }
        )
    });
</script>


<div class="i_bg">
    <div class="postion">
    </div>
    <div class="content" style="margin-left: 579px">
        <div id="tsShopContainer" style="float:left;">
            <div id="tsImgS">
                <img th:src="'/images/'+${product.fileName}" width="390" height="390" style="border:1px solid #EAEAEA;"
                     alt=""/>
            </div>
        </div>
        <div class="pro_des">
            <div class="des_name">
                <input type="hidden" value="1" name="entityId" class="n_ipt"/>
                <p th:text="${product.name}"></p>
                “开业巨惠，北京专柜直供”，不光低价，“真”才靠谱！
            </div>
            <div class="des_price">
                本店价格：<b th:text="${product.price}"></b><br/>
            </div>
            <div class="des_price">
                库存：<b id="stock" th:text="${product.stock}"></b><br/>
            </div>
            <div class="des_choice">
                <span class="fl">型号选择：</span>
                <ul>
                    <li class="type checked">30ml
                        <div class="ch_img"></div>
                    </li>
                    <li class="type">50ml
                        <div class="ch_img"></div>
                    </li>
                    <li class="type">100ml
                        <div class="ch_img"></div>
                    </li>
                </ul>
            </div>
            <div class="des_choice">
                <span class="fl">颜色选择：</span>
                <ul>
                    <li class="color">红色
                        <div class="ch_img"></div>
                    </li>
                    <li class="color checked">白色
                        <div class="ch_img"></div>
                    </li>
                    <li class="color">黑色
                        <div class="ch_img"></div>
                    </li>
                </ul>
            </div>
            <br>
            <br>
            <div class="des_join">
                <div class="j_nums">
                    <!--                    商品++ 商品---->
                    <input type="text" id="quantity" value="1" name="quantity" class="n_ipt"/>
                    <input type="button" value="" onclick="increase()" class="n_btn_1"/>
                    <input type="button" value="" onclick="reduce()" class="n_btn_2"/>
                </div>
                <input type="hidden" id="productId" value="1">
                <input type="hidden" id="productPrice" value="1">
                <span class="fl">
                     <img src="/images/j_car.png" th:onclick="'addCart('+${product.id}+','+${product.price}+')'"/>
                    <!--                    <img src="/images/j_car.png" th:onclick="'addCart('+${product.id}+','+${product.price}+')'"/>-->
                    <!--                    <img src="/images/j_car.png" th:onclick="addCart('+${product.id}+,+${product.price}+')"/>-->
                </span>
            </div>
        </div>
    </div>
    <div class="content mar_20">
        <div id="favoriteList">
        </div>
        <div class="l_list">
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current"><a href="#p_attribute">商品属性</a></li>
                        <li><a href="#p_details">商品详情</a></li>
                    </ul>
                </div>
                <div class="des_con" id="p_attribute">
                    <table border="0" align="center" style="width:100%; font-family:'宋体'; margin:10px auto;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td th:text="'商品名称:'+${product.name}"></td>
                            <td th:text="'商品价格:'+${product.price}"></td>
                            <td>品牌:手机</td>
                            <td>上架时间:2021-01-01 09:19:09</td>
                        </tr>
                        <tr>
                            <td>商品毛重：160.00g</td>
                            <td>商品产地：法国</td>
                            <td>香调：果香调香型：淡香水/香露EDT</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>容量：1ml-15ml</td>
                            <td>类型：女士香水，Q版香水，组合套装</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="des_border" id="p_details">
                <div class="des_t">商品详情</div>
                <div class="des_con">
                    <table border="0" align="center" style="width:745px; font-size:14px; font-family:'宋体';"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td th:text="${product.description}"></td>
                        </tr>
                    </table>
                    <p align="center">
                        <img th:src="'/images/'+${product.fileName}" width="185" height="155">
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<th:block th:include="common.html :: footer"></th:block>
<!--<div class="b_btm_bg b_btm_c" id="footer">-->
<!--    <div class="b_btm">-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b1.png" width="62" height="62"/></td>-->
<!--                <td><h2>正品保障</h2>正品行货 放心购买</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b2.png" width="62" height="62"/></td>-->
<!--                <td><h2>满38包邮</h2>满38包邮 免运费</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b3.png" width="62" height="62"/></td>-->
<!--                <td><h2>天天低价</h2>天天低价 畅选无忧</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b4.png" width="62" height="62"/></td>-->
<!--                <td><h2>准时送达</h2>收货时间由你做主</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--    </div>-->
<!--</div>-->
<!--<div class="b_nav">-->
<!--    <dl>-->
<!--        <dt><a href="#">新手上路</a></dt>-->
<!--        <dd><a href="#">售后流程</a></dd>-->
<!--        <dd><a href="#">购物流程</a></dd>-->
<!--        <dd><a href="#">订购方式</a></dd>-->
<!--        <dd><a href="#">隐私声明</a></dd>-->
<!--        <dd><a href="#">推荐分享说明</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">配送与支付</a></dt>-->
<!--        <dd><a href="#">货到付款区域</a></dd>-->
<!--        <dd><a href="#">配送支付查询</a></dd>-->
<!--        <dd><a href="#">支付方式说明</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">会员中心</a></dt>-->
<!--        <dd><a href="#">资金管理</a></dd>-->
<!--        <dd><a href="#">我的收藏</a></dd>-->
<!--        <dd><a href="#">我的订单</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">服务保证</a></dt>-->
<!--        <dd><a href="#">退换货原则</a></dd>-->
<!--        <dd><a href="#">售后服务保证</a></dd>-->
<!--        <dd><a href="#">产品质量保证</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">联系我们</a></dt>-->
<!--        <dd><a href="#">网站故障报告</a></dd>-->
<!--        <dd><a href="#">购物咨询</a></dd>-->
<!--        <dd><a href="#">投诉与建议</a></dd>-->
<!--    </dl>-->
<!--    <div class="b_tel_bg">-->
<!--        <a href="#" class="b_sh1">新浪微博</a>-->
<!--        <a href="#" class="b_sh2">腾讯微博</a>-->
<!--        <p>-->
<!--            服务热线：<br/>-->
<!--            <span>400-123-4567</span>-->
<!--        </p>-->
<!--    </div>-->
<!--    <div class="b_er">-->
<!--        <div class="b_er_c"><img src="/images/er.gif" width="118" height="118"/></div>-->
<!--        <img src="/images/ss.png"/>-->
<!--    </div>-->
<!--</div>-->

<th:block th:include="common.html :: permit"></th:block>
<!--<div class="btmbg">-->
<!--    <div class="btm">-->
<!--        备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical-->
<!--        Support: Dgg Group <br/>-->
<!--        <img src="/images/b_1.gif" width="98" height="33"/><img src="/images/b_2.gif" width="98" height="33"/><img-->
<!--            src="/images/b_3.gif" width="98" height="33"/><img src="/images/b_4.gif" width="98" height="33"/><img-->
<!--            src="/images/b_5.gif" width="98" height="33"/><img src="/images/b_6.gif" width="98" height="33"/>-->
<!--    </div>-->
<!--</div>-->

</body>
</html>